<!DOCTYPE html>
<html lang="en">
<!-- begin::Head -->
<head>
    @include("/common/meta.html"){}
    <title>首页 - ${projectName()}</title>
    ${plugins("jquery-contextmenu", "css")}
    @include("/common/base-styles.html"){}
    <style>
        .unread {
            font-weight: bold !important;
            color: #333 !important;
        }
    </style>
</head>
<!-- end::Head -->

<body class="e-root-page e-header--fixed e-aside--fixed e-header--fixed e-footer--fixed e-page--loading">

<!-- begin::加载中 -->
<div class="e-page-loader e-page-loader--logo">
    <img alt="Logo" src="${ctxPath}/static/media/logos/logo.svg">
    <div class="e-spinner e-spinner--brand"></div>
</div>
<!-- end::加载中 -->

<!-- str::: 移动端下的头部 -->
<div id="header_mobile" class="e-header-mobile e-header-mobile--fixed">
    <div class="e-header-mobile-logo text-truncate">
        ${projectName()}
    </div>
    <div class="e-header-mobile-toolbar">
        <button class="toolbar-toggler" id="header-mobile-aside-toggler">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <rect x="0" y="0" width="24" height="24"/>
                    <rect fill="#000000" x="4" y="5" width="16" height="3" rx="1.5"/>
                    <path d="M5.5,15 L18.5,15 C19.3284271,15 20,15.6715729 20,16.5 C20,17.3284271 19.3284271,18 18.5,18 L5.5,18 C4.67157288,18 4,17.3284271 4,16.5 C4,15.6715729 4.67157288,15 5.5,15 Z M5.5,10 L18.5,10 C19.3284271,10 20,10.6715729 20,11.5 C20,12.3284271 19.3284271,13 18.5,13 L5.5,13 C4.67157288,13 4,12.3284271 4,11.5 C4,10.6715729 4.67157288,10 5.5,10 Z"
                          fill="#000000" opacity="0.3"/>
                </g>
            </svg>
        </button>
        <button class="toolbar-toggler" id="header-mobile-toggle">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <rect x="0" y="0" width="24" height="24"/>
                    <circle fill="#000000" cx="12" cy="5" r="2"/>
                    <circle fill="#000000" cx="12" cy="12" r="2"/>
                    <circle fill="#000000" cx="12" cy="19" r="2"/>
                </g>
            </svg>
        </button>
    </div>
</div>
<!-- end:: 移动端下的头部 -->

<div class="e-grid e-grid--hor e-grid--root">
    <div class="e-grid-item e-grid-item--fluid e-grid e-grid--ver e-page">
        <!-- str::: 侧边 -->
        <div class="e-aside e-aside--fixed e-grid-item e-grid e-grid--desktop e-grid--hor-desktop" id="aside">
            <!-- str::: 品牌 -->
            <div class="e-aside-brand e-grid-item" id="aside-brand">
                <div class="e-aside-brand-logo text-truncate">
                    ${projectName()}
                </div>
                <div class="e-aside-brand-tools">
                    <button class="e-aside-brand-aside-toggler" id="aside-toggler">
                        <span>
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                 width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
                                    <path d="M5.29288961,6.70710318 C4.90236532,6.31657888 4.90236532,5.68341391 5.29288961,5.29288961 C5.68341391,4.90236532 6.31657888,4.90236532 6.70710318,5.29288961 L12.7071032,11.2928896 C13.0856821,11.6714686 13.0989277,12.281055 12.7371505,12.675721 L7.23715054,18.675721 C6.86395813,19.08284 6.23139076,19.1103429 5.82427177,18.7371505 C5.41715278,18.3639581 5.38964985,17.7313908 5.76284226,17.3242718 L10.6158586,12.0300721 L5.29288961,6.70710318 Z"
                                          id="Path-94" fill="#000000" fill-rule="nonzero"
                                          transform="translate(8.999997, 11.999999) scale(-1, 1) translate(-8.999997, -11.999999)"></path>
                                    <path d="M10.7071009,15.7071068 C10.3165766,16.0976311 9.68341162,16.0976311 9.29288733,15.7071068 C8.90236304,15.3165825 8.90236304,14.6834175 9.29288733,14.2928932 L15.2928873,8.29289322 C15.6714663,7.91431428 16.2810527,7.90106866 16.6757187,8.26284586 L22.6757187,13.7628459 C23.0828377,14.1360383 23.1103407,14.7686056 22.7371482,15.1757246 C22.3639558,15.5828436 21.7313885,15.6103465 21.3242695,15.2371541 L16.0300699,10.3841378 L10.7071009,15.7071068 Z"
                                          id="Path-94" fill="#000000" fill-rule="nonzero" opacity="0.3"
                                          transform="translate(15.999997, 11.999999) scale(-1, 1) rotate(-270.000000) translate(-15.999997, -11.999999)"></path>
                                </g>
                            </svg>
                        </span>
                        <span>
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                 width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
                                    <path d="M12.2928955,6.70710318 C11.9023712,6.31657888 11.9023712,5.68341391 12.2928955,5.29288961 C12.6834198,4.90236532 13.3165848,4.90236532 13.7071091,5.29288961 L19.7071091,11.2928896 C20.085688,11.6714686 20.0989336,12.281055 19.7371564,12.675721 L14.2371564,18.675721 C13.863964,19.08284 13.2313966,19.1103429 12.8242777,18.7371505 C12.4171587,18.3639581 12.3896557,17.7313908 12.7628481,17.3242718 L17.6158645,12.0300721 L12.2928955,6.70710318 Z"
                                          id="Path-94" fill="#000000" fill-rule="nonzero"></path>
                                    <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z"
                                          id="Path-94" fill="#000000" fill-rule="nonzero" opacity="0.3"
                                          transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999)"></path>
                                </g>
                            </svg>
                        </span>
                    </button>
                </div>
            </div>
            <!-- end:: 品牌 -->

            <!-- str:: 垂直方向菜单 -->
            <div class="e-aside-menu-wrapper e-grid-item e-grid-item--fluid">
                <div class="e-aside-menu" id="aside-menu"></div>
            </div>
            <!-- end:: 垂直方向菜单 -->
        </div>
        <!-- end:: 侧边 -->

        <!-- str:: 内容 -->
        <div class="e-grid-item e-grid-item--fluid e-grid e-grid--hor e-wrapper">
            <!-- str:: header -->
            <div id="header" class="e-header">
                <!-- str:: 水平方向菜单 -->
                <div class="e-header-menu-wrapper" id="header-menu-wrapper">
                    <div id="header-menu" class="e-header-menu">
                        <ul class="e-menu-nav"></ul>
                    </div>
                </div>
                <!-- end:: 水平方向菜单 -->

                <!-- str:: 右侧工具条 -->
                <div class="e-header-topbar">
                    <!--str:: 全屏 -->
                    <div class="e-header-topbar-item" id="full-screen">
                        <div class="e-header-topbar-wrapper">
                            <span class="e-header-topbar-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                     width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <polygon id="Bound" points="0 0 24 0 24 24 0 24"/>
                                        <path d="M6,18 L9,18 C9.66666667,18.1143819 10,18.4477153 10,19 C10,19.5522847 9.66666667,19.8856181 9,20 L4,20 L4,15 C4,14.3333333 4.33333333,14 5,14 C5.66666667,14 6,14.3333333 6,15 L6,18 Z M18,18 L18,15 C18.1143819,14.3333333 18.4477153,14 19,14 C19.5522847,14 19.8856181,14.3333333 20,15 L20,20 L15,20 C14.3333333,20 14,19.6666667 14,19 C14,18.3333333 14.3333333,18 15,18 L18,18 Z M18,6 L15,6 C14.3333333,5.88561808 14,5.55228475 14,5 C14,4.44771525 14.3333333,4.11438192 15,4 L20,4 L20,9 C20,9.66666667 19.6666667,10 19,10 C18.3333333,10 18,9.66666667 18,9 L18,6 Z M6,6 L6,9 C5.88561808,9.66666667 5.55228475,10 5,10 C4.44771525,10 4.11438192,9.66666667 4,9 L4,4 L9,4 C9.66666667,4 10,4.33333333 10,5 C10,5.66666667 9.66666667,6 9,6 L6,6 Z"
                                              id="Combined-Shape" fill="#000000" fill-rule="nonzero"/>
                                    </g>
                                </svg>
                            </span>
                        </div>
                    </div>
                    <!--end: 全屏 -->

                    <!--str:: 搜索 -->
                    <div class="e-header-topbar-item e-header-topbar-item--search dropdown"
                         id="quick_search_toggle">
                        <div class="e-header-topbar-wrapper" data-toggle="dropdown" data-offset="10px,0px">
                            <span class="e-header-topbar-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                     width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect id="bound" x="0" y="0" width="24" height="24"/>
                                        <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
                                              id="Path-2" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                        <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
                                              id="Path" fill="#000000" fill-rule="nonzero"/>
                                    </g>
                                </svg>
                            </span>
                        </div>
                        <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-lg">
                            <div class="e-quick-search e-quick-search--inline" id="quick_search_inline">
                                <form method="get" class="e-quick-search-form">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">
                                                <i class="flaticon2-search-1"></i>
                                            </span>
                                        </div>
                                        <input type="text" class="form-control e-quick-search-input"
                                               placeholder="请输入菜单名称搜索...">
                                        <div class="input-group-append">
                                            <span class="input-group-text">
                                                <i class="la la-close e-quick-search-close"></i>
                                            </span>
                                        </div>
                                    </div>
                                </form>
                                <div class="e-quick-search-wrapper e-notification e-notification--fit e-scroll"
                                     data-scroll="true" data-height="300" data-mobile-height="200">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end: 搜索 -->

                    <!--str:: 消息 -->
                    <div class="e-header-topbar-item dropdown">
                        <div class="e-header-topbar-wrapper" data-toggle="dropdown" data-offset="30px,0px"
                             aria-expanded="true">
                            <span class="e-header-topbar-icon e-pulse e-pulse--brand">
                                <svg class="icon" style="width: 18px;height: 18px;" viewBox="0 0 1024 1024"
                                     version="1.1"
                                     xmlns="http://www.w3.org/2000/svg">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect id="bound" x="0" y="0" width="24" height="24"/>
                                        <path d="M618.862811 90.612898A94.176722 94.176722 0 0 0 521.868836 0.058357a94.176722 94.176722 0 0 0-97.396439 90.554541v13.281332A367.047737 367.047737 0 0 0 185.005946 442.769444v120.739387s0 181.511546-45.478503 181.511546A49.905613 49.905613 0 0 0 87.609507 790.498879a44.271109 44.271109 0 0 0 45.478502 45.478503H892.538755a45.478503 45.478503 0 0 0 0-90.554541c-45.478503 0-45.478503-181.511546-45.478503-181.511545v-129.593609a334.045638 334.045638 0 0 0-226.587583-330.825921v-12.878868z"
                                              fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                        <path d="M664.743778 887.895318a138.447831 138.447831 0 0 1-142.472477 136.033043 138.447831 138.447831 0 0 1-142.874942-136.033043z"
                                              fill="#000000" fill-rule="nonzero"/>
                                    </g>
                                </svg>
                            </span>
                            <span class="badge badge--dot badge--notify badge--sm badge-danger new-message-tip"></span>
                        </div>
                        <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround dropdown-menu-lg">
                            <form>
                                <div class="e-head-card" style="background-image: url(${ctxPath}/static/media/misc/bg-1.jpg)">
                                    <h3 class="e-head-card-name text-center">
                                        我的消息
                                        <span class="badge badge-danger badge--sm badge--rounded badge--bolder unread-count">1</span>
                                    </h3>
                                </div>

                                <div class="e-notification e-margin-t-10 e-margin-b-10 e-scrollable message-container" id="sys-message" data-scroll="true" data-height="260" data-mobile-height="200"></div>
                                <div class="text-center e-padding-10 e-notification-top-border">
                                    <a href="#" onclick="EApp.openPage('消息', '${ctxPath}/auth/sys/message/list')"
                                       class="e-link">
                                        查看全部
                                    </a>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!--end: 消息 -->

                    <!--str:: 偏好设置 -->
                    <div class="e-header-topbar-item e-header-topbar-item--quick-panel" data-toggle="modal" data-target="#modal-preference-settings">
                        <span class="e-header-topbar-icon" id="quick-panel-toggler">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <rect id="bound" x="0" y="0" width="24" height="24"></rect>
                                    <path d="M2.56066017,10.6819805 L4.68198052,8.56066017 C5.26776695,7.97487373 6.21751442,7.97487373 6.80330086,8.56066017 L8.9246212,10.6819805 C9.51040764,11.267767 9.51040764,12.2175144 8.9246212,12.8033009 L6.80330086,14.9246212 C6.21751442,15.5104076 5.26776695,15.5104076 4.68198052,14.9246212 L2.56066017,12.8033009 C1.97487373,12.2175144 1.97487373,11.267767 2.56066017,10.6819805 Z M14.5606602,10.6819805 L16.6819805,8.56066017 C17.267767,7.97487373 18.2175144,7.97487373 18.8033009,8.56066017 L20.9246212,10.6819805 C21.5104076,11.267767 21.5104076,12.2175144 20.9246212,12.8033009 L18.8033009,14.9246212 C18.2175144,15.5104076 17.267767,15.5104076 16.6819805,14.9246212 L14.5606602,12.8033009 C13.9748737,12.2175144 13.9748737,11.267767 14.5606602,10.6819805 Z" id="Combined-Shape" fill="#000000" opacity="0.3"></path>
                                    <path d="M8.56066017,16.6819805 L10.6819805,14.5606602 C11.267767,13.9748737 12.2175144,13.9748737 12.8033009,14.5606602 L14.9246212,16.6819805 C15.5104076,17.267767 15.5104076,18.2175144 14.9246212,18.8033009 L12.8033009,20.9246212 C12.2175144,21.5104076 11.267767,21.5104076 10.6819805,20.9246212 L8.56066017,18.8033009 C7.97487373,18.2175144 7.97487373,17.267767 8.56066017,16.6819805 Z M8.56066017,4.68198052 L10.6819805,2.56066017 C11.267767,1.97487373 12.2175144,1.97487373 12.8033009,2.56066017 L14.9246212,4.68198052 C15.5104076,5.26776695 15.5104076,6.21751442 14.9246212,6.80330086 L12.8033009,8.9246212 C12.2175144,9.51040764 11.267767,9.51040764 10.6819805,8.9246212 L8.56066017,6.80330086 C7.97487373,6.21751442 7.97487373,5.26776695 8.56066017,4.68198052 Z" id="Combined-Shape" fill="#000000"></path>
                                </g>
                            </svg>
                        </span>
                    </div>
                    <!--end: 偏好设置 -->

                    <!--str:: 用户信息 -->
                    <div class="e-header-topbar-item e-header-topbar-item--user">
                        <div class="e-header-topbar-wrapper" data-toggle="dropdown" data-offset="0px,0px">
                            <div class="e-header-topbar-user">
                                <span class="e-header-topbar-welcome e-hidden-mobile">Hi,</span>
                                <span class="e-header-topbar-username e-hidden-mobile">${user.nickname}</span>
                                @if(strUtil.isNotBlank(user.avatar)){
                                    <img alt="用户头像" src="${ctxPath}${user.avatarMd}" />
                                @}else{
                                    <span class="badge badge--username badge--unified-brand badge--lg badge--rounded badge--bold">${strutil.subStringTo(user.nickname, 0, 1)}</span>
                                @}
                            </div>
                        </div>
                        <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround dropdown-menu-lg">
                            <!--str:: Head -->
                            <div class="e-head-card e-user-card" style="background-image: url(${ctxPath}/static/media/misc/bg-1.jpg)">
                                <div class="e-user-card-avatar">
                                    @if(strUtil.isNotBlank(user.avatar)){
                                        <img alt="用户头像" src="${ctxPath}${user.avatarMd}" />
                                    @}else{
                                        <span class="badge badge--unified-success badge--lg badge--rounded badge--bold">${strutil.subStringTo(user.nickname, 0, 1)}</span>
                                    @}
                                </div>
                                <div class="e-head-card-name">
                                    <h5 class="e-head-user-name">${user.nickname}</h5>
                                    <span  class="e-head-user-depart">${user.department.name}</span>
                                </div>
                            </div>

                            <!--end: Head -->

                            <!--str:: Navigation -->
                            <div class="e-notification">
                                <a href="${ctxPath}/auth/sys/user/personal/center/view" data-title="个人中心" class="e-tab-page-link e-notification-item">
                                    <div class="e-notification-item-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect id="bound" x="0" y="0" width="24" height="24"/>
                                                <path d="M6,2 L18,2 C19.6568542,2 21,3.34314575 21,5 L21,19 C21,20.6568542 19.6568542,22 18,22 L6,22 C4.34314575,22 3,20.6568542 3,19 L3,5 C3,3.34314575 4.34314575,2 6,2 Z M12,11 C13.1045695,11 14,10.1045695 14,9 C14,7.8954305 13.1045695,7 12,7 C10.8954305,7 10,7.8954305 10,9 C10,10.1045695 10.8954305,11 12,11 Z M7.00036205,16.4995035 C6.98863236,16.6619875 7.26484009,17 7.4041679,17 C11.463736,17 14.5228466,17 16.5815,17 C16.9988413,17 17.0053266,16.6221713 16.9988413,16.5 C16.8360465,13.4332455 14.6506758,12 11.9907452,12 C9.36772908,12 7.21569918,13.5165724 7.00036205,16.4995035 Z" id="Combined-Shape" fill="#000000"/>
                                            </g>
                                        </svg>
                                    </div>
                                    <div class="e-notification-item-details">
                                        <div class="e-notification-item-title e-font-bold">
                                            个人中心
                                        </div>
                                        <div class="e-notification-item-time">
                                            账户与其他设置
                                        </div>
                                    </div>
                                </a>
                                <a href="${ctxPath}/auth/sys/message/list" data-title="消息" class="e-tab-page-link e-notification-item">
                                    <div class="e-notification-item-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect id="bound" x="0" y="0" width="24" height="24"/>
                                                <path d="M6,2 L18,2 C18.5522847,2 19,2.44771525 19,3 L19,12 C19,12.5522847 18.5522847,13 18,13 L6,13 C5.44771525,13 5,12.5522847 5,12 L5,3 C5,2.44771525 5.44771525,2 6,2 Z M7.5,5 C7.22385763,5 7,5.22385763 7,5.5 C7,5.77614237 7.22385763,6 7.5,6 L13.5,6 C13.7761424,6 14,5.77614237 14,5.5 C14,5.22385763 13.7761424,5 13.5,5 L7.5,5 Z M7.5,7 C7.22385763,7 7,7.22385763 7,7.5 C7,7.77614237 7.22385763,8 7.5,8 L10.5,8 C10.7761424,8 11,7.77614237 11,7.5 C11,7.22385763 10.7761424,7 10.5,7 L7.5,7 Z" id="Combined-Shape" fill="#000000" opacity="0.3"/>
                                                <path d="M3.79274528,6.57253826 L12,12.5 L20.2072547,6.57253826 C20.4311176,6.4108595 20.7436609,6.46126971 20.9053396,6.68513259 C20.9668779,6.77033951 21,6.87277228 21,6.97787787 L21,17 C21,18.1045695 20.1045695,19 19,19 L5,19 C3.8954305,19 3,18.1045695 3,17 L3,6.97787787 C3,6.70173549 3.22385763,6.47787787 3.5,6.47787787 C3.60510559,6.47787787 3.70753836,6.51099993 3.79274528,6.57253826 Z" id="Combined-Shape" fill="#000000"/>
                                            </g>
                                        </svg>
                                    </div>
                                    <div class="e-notification-item-details">
                                        <div class="e-notification-item-title e-font-bold">
                                            我的消息
                                        </div>
                                        <div class="e-notification-item-time">
                                            通知、事件、日志等消息
                                            <span class="badge badge--unified-danger badge--sm badge--rounded badge--bolder unread-count e-hide"></span>
                                        </div>
                                    </div>
                                </a>
                                <a href="${ctxPath}/auth/activiti/task/list/claimed" data-title="任务" class="e-tab-page-link e-notification-item">
                                    <div class="e-notification-item-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                <rect id="bound" x="0" y="0" width="24" height="24"></rect>
                                                <rect id="Rectangle-20" fill="#000000" x="4" y="5" width="16" height="3" rx="1.5"></rect>
                                                <path d="M5.5,15 L18.5,15 C19.3284271,15 20,15.6715729 20,16.5 C20,17.3284271 19.3284271,18 18.5,18 L5.5,18 C4.67157288,18 4,17.3284271 4,16.5 C4,15.6715729 4.67157288,15 5.5,15 Z M5.5,10 L12.5,10 C13.3284271,10 14,10.6715729 14,11.5 C14,12.3284271 13.3284271,13 12.5,13 L5.5,13 C4.67157288,13 4,12.3284271 4,11.5 C4,10.6715729 4.67157288,10 5.5,10 Z" id="Combined-Shape" fill="#000000" opacity="0.3"></path>
                                            </g>
                                        </svg>
                                    </div>
                                    <div class="e-notification-item-details">
                                        <div class="e-notification-item-title e-font-bold">
                                            我的任务
                                        </div>
                                        <div class="e-notification-item-time">
                                            待办任务与进度
                                        </div>
                                    </div>
                                </a>
                                <div class="e-notification-item-footer">
                                    <a href="${ctxPath}/logout" class="btn btn-brand btn-bold">退出</a>
                                </div>
                            </div>
                            <!--end: Navigation -->
                        </div>
                    </div>
                    <!--end: 用户信息 -->
                </div>
                <!-- end:: 右侧工具条 -->
            </div>
            <!-- end:: header -->

            <!-- str:: 标签页 -->
            <!-- str:: 标签页:工具条 -->
            <div class="tab-page">
                <div class="btn-group left-group">
                    <button type="button" class="btn btn-clean btn-icon btn-icon-md to-left">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                <polygon id="Shape" points="0 0 24 0 24 24 0 24"/>
                                <path d="M5.29288961,6.70710318 C4.90236532,6.31657888 4.90236532,5.68341391 5.29288961,5.29288961 C5.68341391,4.90236532 6.31657888,4.90236532 6.70710318,5.29288961 L12.7071032,11.2928896 C13.0856821,11.6714686 13.0989277,12.281055 12.7371505,12.675721 L7.23715054,18.675721 C6.86395813,19.08284 6.23139076,19.1103429 5.82427177,18.7371505 C5.41715278,18.3639581 5.38964985,17.7313908 5.76284226,17.3242718 L10.6158586,12.0300721 L5.29288961,6.70710318 Z" id="Path-94" fill="#000000" fill-rule="nonzero" transform="translate(8.999997, 11.999999) scale(-1, 1) translate(-8.999997, -11.999999) "/>
                                <path d="M10.7071009,15.7071068 C10.3165766,16.0976311 9.68341162,16.0976311 9.29288733,15.7071068 C8.90236304,15.3165825 8.90236304,14.6834175 9.29288733,14.2928932 L15.2928873,8.29289322 C15.6714663,7.91431428 16.2810527,7.90106866 16.6757187,8.26284586 L22.6757187,13.7628459 C23.0828377,14.1360383 23.1103407,14.7686056 22.7371482,15.1757246 C22.3639558,15.5828436 21.7313885,15.6103465 21.3242695,15.2371541 L16.0300699,10.3841378 L10.7071009,15.7071068 Z" id="Path-94" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(15.999997, 11.999999) scale(-1, 1) rotate(-270.000000) translate(-15.999997, -11.999999) "/>
                            </g>
                        </svg>
                    </button>
                </div>

                <div class="container-scroll">
                    <ul class="nav con-tabs">
                        <li class="active">
                            <a class="btn btn-default tab" data-url="${ctxPath}/auth/dashboard" title="首页" target="iframe-1">
                                首页
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="btn-group right-group">
                    <button type="button" class="btn btn-clean btn-icon btn-icon-md to-right">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                <polygon id="Shape" points="0 0 24 0 24 24 0 24"/>
                                <path d="M12.2928955,6.70710318 C11.9023712,6.31657888 11.9023712,5.68341391 12.2928955,5.29288961 C12.6834198,4.90236532 13.3165848,4.90236532 13.7071091,5.29288961 L19.7071091,11.2928896 C20.085688,11.6714686 20.0989336,12.281055 19.7371564,12.675721 L14.2371564,18.675721 C13.863964,19.08284 13.2313966,19.1103429 12.8242777,18.7371505 C12.4171587,18.3639581 12.3896557,17.7313908 12.7628481,17.3242718 L17.6158645,12.0300721 L12.2928955,6.70710318 Z" id="Path-94" fill="#000000" fill-rule="nonzero"/>
                                <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z" id="Path-94" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) "/>
                            </g>
                        </svg>
                    </button>
                    <div class="dropdown dropdown-inline">
                        <button type="button" class="btn btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <polygon id="Shape" points="0 0 24 0 24 24 0 24"/>
                                    <path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z" id="Path-94" fill="#000000" fill-rule="nonzero" transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999) "/>
                                </g>
                            </svg>
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a href="javascript:;" class="dropdown-item refresh-page">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect id="bound" x="0" y="0" width="24" height="24"/>
                                        <path d="M8.43296491,7.17429118 L9.40782327,7.85689436 C9.49616631,7.91875282 9.56214077,8.00751728 9.5959027,8.10994332 C9.68235021,8.37220548 9.53982427,8.65489052 9.27756211,8.74133803 L5.89079566,9.85769242 C5.84469033,9.87288977 5.79661753,9.8812917 5.74809064,9.88263369 C5.4720538,9.8902674 5.24209339,9.67268366 5.23445968,9.39664682 L5.13610134,5.83998177 C5.13313425,5.73269078 5.16477113,5.62729274 5.22633424,5.53937151 C5.384723,5.31316892 5.69649589,5.25819495 5.92269848,5.4165837 L6.72910242,5.98123382 C8.16546398,4.72182424 10.0239806,4 12,4 C16.418278,4 20,7.581722 20,12 C20,16.418278 16.418278,20 12,20 C7.581722,20 4,16.418278 4,12 L6,12 C6,15.3137085 8.6862915,18 12,18 C15.3137085,18 18,15.3137085 18,12 C18,8.6862915 15.3137085,6 12,6 C10.6885336,6 9.44767246,6.42282109 8.43296491,7.17429118 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"/>
                                    </g>
                                </svg>
                                刷新当前
                            </a>
                            <a href="javascript:;" class="dropdown-item close-other">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g id="Group" transform="translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)" fill="#000000">
                                            <rect id="Rectangle-185" x="0" y="7" width="16" height="2" rx="1"/>
                                            <rect id="Rectangle-185-Copy" opacity="0.3" transform="translate(8.000000, 8.000000) rotate(-270.000000) translate(-8.000000, -8.000000) " x="0" y="7" width="16" height="2" rx="1"/>
                                        </g>
                                    </g>
                                </svg>
                                关闭其他
                            </a>
                            <a href="javascript:;" class="dropdown-item close-all">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="e-svg-icon">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g id="Group" transform="translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)" fill="#000000">
                                            <rect id="Rectangle-185" x="0" y="7" width="16" height="2" rx="1"/>
                                            <rect id="Rectangle-185-Copy" opacity="0.3" transform="translate(8.000000, 8.000000) rotate(-270.000000) translate(-8.000000, -8.000000) " x="0" y="7" width="16" height="2" rx="1"/>
                                        </g>
                                    </g>
                                </svg>
                                关闭所有
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end:: 标签页:工具条 -->

            <!-- str:: 页面 -->
            <div class="page-container">
                <iframe src="${ctxPath}/auth/dashboard" frameborder="0" name="iframe-1" class="page-frame active animation-fade"></iframe>
            </div>
            <!-- end:: 页面 -->
            <!-- end:: 标签页 -->

            @include("/common/modular/footer.html"){}

        </div>
        <!-- end:: 内容 -->
    </div>
</div>

<!--begin:: 偏好设置 Modal-->
<div class="modal modal-stick-to-bottom fade" id="modal-preference-settings" role="dialog" data-backdrop="false">
    <div class="modal-dialog modal-sm modal-sidebar modal-sidebar--right" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">偏好设置</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                </button>
            </div>
            <div class="modal-body">
                <form class="e-form preference-settings">
                    <div class="e-heading e-heading--sm e-heading--space-sm">主题</div>
                    <div class="form-group form-group-xs row">
                        <label class="col-8 col-form-label">使用暗色头部：</label>
                        <div class="col-4 e-align-right">
                            <span class="e-switch e-switch--sm">
                                <label>
                                    <input type="checkbox" name="darkHead" value="true" disabled>
                                    <span></span>
                                </label>
                            </span>
                        </div>
                    </div>
                    <div class="form-group form-group-xs row">
                        <label class="col-8 col-form-label">使用暗色Logo：</label>
                        <div class="col-4 e-align-right">
                            <span class="e-switch e-switch--sm">
                                <label>
                                    <input type="checkbox" checked="checked" name="darkBrand" value="true" disabled>
                                    <span></span>
                                </label>
                            </span>
                        </div>
                    </div>
                    <div class="form-group form-group-xs row">
                        <label class="col-8 col-form-label">使用暗色侧边：</label>
                        <div class="col-4 e-align-right">
                            <span class="e-switch e-switch--sm">
                                <label>
                                    <input type="checkbox" checked="checked" name="darkAside" value="true" disabled>
                                    <span></span>
                                </label>
                            </span>
                        </div>
                    </div>
                    <div class="e-separator e-separator--space-md e-separator--dashed"></div>
                    <div class="e-heading e-heading--sm e-heading--space-sm">常规</div>
                    <div class="form-group form-group-xs row">
                        <label class="col-8 col-form-label">使用简单提示：</label>
                        <div class="col-4 e-align-right">
                            <span class="e-switch e-switch--sm">
                                <label>
                                    <input type="checkbox" checked="checked" name="simpleTip" value="true">
                                    <span></span>
                                </label>
                            </span>
                        </div>
                    </div>
                    <div class="form-group form-group-last form-group-xs row">
                        <label class="col-8 col-form-label">使用标签页模式：</label>
                        <div class="col-4 e-align-right">
                            <span class="e-switch e-switch--sm">
                                <label>
                                    <input type="checkbox" checked="checked" name="enableTabPage" value="true" disabled>
                                    <span></span>
                                </label>
                            </span>
                        </div>
                    </div>
                    <div class="form-group form-group-last form-group-xs row">
                        <label class="col-8 col-form-label">默认收起菜单：</label>
                        <div class="col-4 e-align-right">
                            <span class="e-switch e-switch--sm">
                                <label>
                                    <input type="checkbox" name="pickUpTheMenu" value="true">
                                    <span></span>
                                </label>
                            </span>
                        </div>
                    </div>
                    <div class="e-separator e-separator--space-md e-separator--dashed"></div>
                    <div class="e-heading e-heading--sm e-heading--space-sm">布局</div>
                    <div class="form-group form-group-last form-group-xs row">
                        <label class="col-8 col-form-label">启用水平方向菜单：</label>
                        <div class="col-4 e-align-right">
                            <span class="e-switch e-switch--sm">
                                <label>
                                    <input type="checkbox" checked="checked" name="enableHorizontalMenu" value="true">
                                    <span></span>
                                </label>
                            </span>
                        </div>
                    </div>
                    <div class="form-group form-group-last form-group-xs row">
                        <label class="col-8 col-form-label">隐藏底部版权信息：</label>
                        <div class="col-4 e-align-right">
                            <span class="e-switch e-switch--sm">
                                <label>
                                    <input type="checkbox" name="hideFooter" value="true">
                                    <span></span>
                                </label>
                            </span>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--end:: 偏好设置 Modal-->

<!-- begin::返回顶部 -->
<div id="scroll-top" class="e-scroll-top">
    <i class="fa fa-arrow-up"></i>
</div>
<!-- end::返回顶部 -->
@include("/common/base-scripts.html"){}
${plugins("jquery-contextmenu", "js")}
<script>
    // global
    // EApp/EUtil需要注册为全局变量，用于子页面打开新标签页
    window.EApp = EApp;
    window.EUtil = EUtil;

    // 一些需要用到的常量
    // 消息类型-通知
    let TYPE_NOTICE = '${MessageConst.TYPE_NOTICE}';
    // 消息类型-事件
    let TYPE_EVENT = '${MessageConst.TYPE_EVENT}';
    // 消息类型-日志
    let TYPE_JOURNAL = '${MessageConst.TYPE_JOURNAL}';

    // 新消息检查间隔时长 20s
    let messageCheckInterval = ${sysConfig(SysConfigConst.MESSAGE_CHECK_INTERVAL)} * 1000;
</script>
<#script src="static/modular/sys/index/index.js" />
<!-- end:: Page -->
</body>
<!-- end::Body -->
</html>